안드로이드 앱 개발 리액트 네이티브 기초지식 - 1) 컴포넌트 1) 컴포넌트(Component) --> 정해진 엘리먼트들을 사용하여 만든 화면의 일부분 2) 상태(State) --> 컴포넌트에서 데이터를 유지하고 관리하기 위한 방법(== 사용할 데이터) 3) 속성(Props) --> 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방식(== 데이터 전달) --> style을 보면 (JavaScript언어로 쓰여진) 딕셔너리들로 이루어진 styles리... 안드로이드 앱 개발JSX리액트 네이티브JSX Kotlin - 간단한 기본 문법 3. kotlin 언어에서는 구문식뿐만아니라 표현식으로도 함수를 작성할 수 있다. 1. val은 상수에 대한 선언 --> 값을 정하면 변경할 수 없음 2. var은 변수에 대한 선언 --> 값을 정해도 변경할 수 있음 val 변수명: 변수타입 = 값 4. kotlin은 타입추론이 가능하기 때문에 b,c처럼 타입 선언없이 선언할수도 있음 val 변수명 = 값 --> null_safe : jav... 안드로이드 스튜디오안드로이드 앱 개발kotlinkotlin 앱 프로젝트 - 1 프로젝트 주제 다이어트나 운동을 보조하기 위한 자기 관리 앱 기획안 [기획안 개요] 1) 프로젝트 이름/간단 설명 다이어터 식단 관리, 운동 방법 및 유명인들의 다이어트 방법 소개, 캘린더를 활용한 운동 스케쥴짜기 등등 --> 운동과 관련된 자기관리를 보조하는 앱 2) 프로젝트 생김새(레이아웃) --> 이미지의 'copy of 운동법' 부분은 운동일정에 관련된 부분입니다. 3) 개발해야 하는... 과제안드로이드 앱 개발리액트 네이티브과제 JSX 기본 문법 리액트 네이티브라는 개발도구 위에 Expo를 올려서 손쉽게 코딩하는 형태 --> 기반은 리액트 네이티브이므로 모든 태그는 리액트 네이티브(도구상자)로 부터 불러옴 JSX 문법 --> <> 형태로 된 태그문법로 이루어짐 [Expo로 앱 생성시 초기 화면] --> App() 함수는 View태그를 반환(반환된 View로 화면을 그려주는 것) -->화면에 반환된 View 태그의 내용이 나타남 -->... JSXJavaScript리액트 네이티브안드로이드 앱 개발JSX {}표현식, 조건문 예시 ) 코드의 일부분 let todayWeather = 10 + 17; let todayCondition = "흐림" return ( return 구문 안에서는 {슬래시 + 방식으로 주석 <Text>오늘의 날씨: {자바스크립트처럼 + 연산}</Text> 사용 <Text>나 <ScrollView> 등의 태그에 style을 입히기 위해서도 {} 사용 --> styles.container등 st... JSXJavaScript리액트 네이티브안드로이드 앱 개발JSX 리액트 네이티브 - Expo 여러 앱기능 - 앱에서 외부링크 열기 앱에서 외부링크를 열기 위한 준비 expo에서 제공하는 도구 설치 expo install expo-linking 설치한 도구에서 불러오기 --> expo-linking안의 도구를 모두 가져온는데 그 이름을 Linking이라고 명명짓겠다는 의미 도구를 이용하여 함수 만들기 Linking.openURL(" ) 만든 함수를 활용... JSX리액트 네이티브안드로이드 앱 개발JSX 앱 프로젝트 - 13 - 1 (틴더 앱) - Firebase Realtime Database, Firebase Authenetication ㅡ 로그인 관리 ( Email Login, Facebook Login ), github 에서 사람들이 만들어 놓은, 내가 원하는 오픈소스 찾기 위의 예제 코드에서 해당 부분이 Realtime Database를 불러오는 부분이다. 이 부분은 해당 영역에 데이터를 삽입하는 방법이다. 이 부분은 Realtime Database에서 데이터를 가져오는 해당 영역에 대한 데이터를 snapshot의 인자로 받아온다. 시작할 때, 해당 영역의 데이터를 모두 가져오기 위해 2. 해당 로그인 방식에 대한 세부 설정을 함 이 부분에서 로그인 기능을 구... 안드로이드 앱 개발kotlin안드로이드 스튜디오앱 프로젝트kotlin 앱으로 수익을 내는 방법 - 배너광고 ... 2. 전면 배너 전면 배너 예제 코드 전면 배너의 경우, 사용 설명서에 따르면 초기화가 필요하므로 useEffect에서 초기화 (AdMob 광고키 셋팅, 리스너 설정) 특히 리스너 중에 의 경우 광고가 끝나면서 본래 나타나야 될 파일로 이동하는 부분으므로 좀더 신경써서 봐야한다. 이후 --> goDetail 함수를 만들고 광고 시작 코드를 넣어 광고를 시작한다. (이외에는 위의 전체 코드 살펴볼 것)... 리액트 네이티브안드로이드 앱 개발리액트 네이티브 앱 프로젝트 - 10 - 1 (오늘의 명언) - Firebase Remote Config( 원격 구성 ), ViewPager2 무한 스와이프 할 수 있다. 애니메이션 같은 부분들을 좀 더 원할하게 보여줄 수 있음 사용자가 ViewPager2를 스와이프할 때 ViewHolder의 메소드를 실행시키는 클래스라고 볼 수 있다. 여기서 ViewHolder() 메소드의 파라미터로 ViewPager2를 구성할 레이아웃을 전달해야 한다. 이 때 bind() 메소드는 파라미터로 변경될 데이터를 받아야 한다. 따라서 일반적인 경우 ... 안드로이드 앱 개발kotlin안드로이드 스튜디오앱 프로젝트kotlin
리액트 네이티브 기초지식 - 1) 컴포넌트 1) 컴포넌트(Component) --> 정해진 엘리먼트들을 사용하여 만든 화면의 일부분 2) 상태(State) --> 컴포넌트에서 데이터를 유지하고 관리하기 위한 방법(== 사용할 데이터) 3) 속성(Props) --> 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방식(== 데이터 전달) --> style을 보면 (JavaScript언어로 쓰여진) 딕셔너리들로 이루어진 styles리... 안드로이드 앱 개발JSX리액트 네이티브JSX Kotlin - 간단한 기본 문법 3. kotlin 언어에서는 구문식뿐만아니라 표현식으로도 함수를 작성할 수 있다. 1. val은 상수에 대한 선언 --> 값을 정하면 변경할 수 없음 2. var은 변수에 대한 선언 --> 값을 정해도 변경할 수 있음 val 변수명: 변수타입 = 값 4. kotlin은 타입추론이 가능하기 때문에 b,c처럼 타입 선언없이 선언할수도 있음 val 변수명 = 값 --> null_safe : jav... 안드로이드 스튜디오안드로이드 앱 개발kotlinkotlin 앱 프로젝트 - 1 프로젝트 주제 다이어트나 운동을 보조하기 위한 자기 관리 앱 기획안 [기획안 개요] 1) 프로젝트 이름/간단 설명 다이어터 식단 관리, 운동 방법 및 유명인들의 다이어트 방법 소개, 캘린더를 활용한 운동 스케쥴짜기 등등 --> 운동과 관련된 자기관리를 보조하는 앱 2) 프로젝트 생김새(레이아웃) --> 이미지의 'copy of 운동법' 부분은 운동일정에 관련된 부분입니다. 3) 개발해야 하는... 과제안드로이드 앱 개발리액트 네이티브과제 JSX 기본 문법 리액트 네이티브라는 개발도구 위에 Expo를 올려서 손쉽게 코딩하는 형태 --> 기반은 리액트 네이티브이므로 모든 태그는 리액트 네이티브(도구상자)로 부터 불러옴 JSX 문법 --> <> 형태로 된 태그문법로 이루어짐 [Expo로 앱 생성시 초기 화면] --> App() 함수는 View태그를 반환(반환된 View로 화면을 그려주는 것) -->화면에 반환된 View 태그의 내용이 나타남 -->... JSXJavaScript리액트 네이티브안드로이드 앱 개발JSX {}표현식, 조건문 예시 ) 코드의 일부분 let todayWeather = 10 + 17; let todayCondition = "흐림" return ( return 구문 안에서는 {슬래시 + 방식으로 주석 <Text>오늘의 날씨: {자바스크립트처럼 + 연산}</Text> 사용 <Text>나 <ScrollView> 등의 태그에 style을 입히기 위해서도 {} 사용 --> styles.container등 st... JSXJavaScript리액트 네이티브안드로이드 앱 개발JSX 리액트 네이티브 - Expo 여러 앱기능 - 앱에서 외부링크 열기 앱에서 외부링크를 열기 위한 준비 expo에서 제공하는 도구 설치 expo install expo-linking 설치한 도구에서 불러오기 --> expo-linking안의 도구를 모두 가져온는데 그 이름을 Linking이라고 명명짓겠다는 의미 도구를 이용하여 함수 만들기 Linking.openURL(" ) 만든 함수를 활용... JSX리액트 네이티브안드로이드 앱 개발JSX 앱 프로젝트 - 13 - 1 (틴더 앱) - Firebase Realtime Database, Firebase Authenetication ㅡ 로그인 관리 ( Email Login, Facebook Login ), github 에서 사람들이 만들어 놓은, 내가 원하는 오픈소스 찾기 위의 예제 코드에서 해당 부분이 Realtime Database를 불러오는 부분이다. 이 부분은 해당 영역에 데이터를 삽입하는 방법이다. 이 부분은 Realtime Database에서 데이터를 가져오는 해당 영역에 대한 데이터를 snapshot의 인자로 받아온다. 시작할 때, 해당 영역의 데이터를 모두 가져오기 위해 2. 해당 로그인 방식에 대한 세부 설정을 함 이 부분에서 로그인 기능을 구... 안드로이드 앱 개발kotlin안드로이드 스튜디오앱 프로젝트kotlin 앱으로 수익을 내는 방법 - 배너광고 ... 2. 전면 배너 전면 배너 예제 코드 전면 배너의 경우, 사용 설명서에 따르면 초기화가 필요하므로 useEffect에서 초기화 (AdMob 광고키 셋팅, 리스너 설정) 특히 리스너 중에 의 경우 광고가 끝나면서 본래 나타나야 될 파일로 이동하는 부분으므로 좀더 신경써서 봐야한다. 이후 --> goDetail 함수를 만들고 광고 시작 코드를 넣어 광고를 시작한다. (이외에는 위의 전체 코드 살펴볼 것)... 리액트 네이티브안드로이드 앱 개발리액트 네이티브 앱 프로젝트 - 10 - 1 (오늘의 명언) - Firebase Remote Config( 원격 구성 ), ViewPager2 무한 스와이프 할 수 있다. 애니메이션 같은 부분들을 좀 더 원할하게 보여줄 수 있음 사용자가 ViewPager2를 스와이프할 때 ViewHolder의 메소드를 실행시키는 클래스라고 볼 수 있다. 여기서 ViewHolder() 메소드의 파라미터로 ViewPager2를 구성할 레이아웃을 전달해야 한다. 이 때 bind() 메소드는 파라미터로 변경될 데이터를 받아야 한다. 따라서 일반적인 경우 ... 안드로이드 앱 개발kotlin안드로이드 스튜디오앱 프로젝트kotlin